<html>
<head>
<script>
function goFullscreen(id) {
  var element = document.getElementById(id);
  if (element.webkitRequestFullScreen) {
    element.webkitRequestFullScreen();
  }
}

addEventListener('DOMContentLoaded', function() {
    document.getElementById('video').addEventListener('play', function() {
        console.log('Video Played');
    }, false);
    document.addEventListener('webkitfullscreenerror', function() {
        javaFullScreenErrorObserver.notifyJava();
    }, false);
}, false);
</script>
</head>
<body>
</script></head><body>
<button autofocus style ='padding:1024px 1024px;' onclick="goFullscreen('video'); return false">Big enough you can't miss it</button>
<p></p>
<!-- The video id must be kept in sync with VideoTestWebServer.VIDEO_ID -->
<video style = 'width: 10px; height: 10px;' id='video' controls>
    <source id="webm" src="VIDEO_FILE_URL" type="video/webm">
</video>
</body>
</html>
